import React from "react";

export const FlutterLogo = ({ size }: { size: number }) => (
  <svg
    width={size}
    height={size}
    id="logo_vector"
    data-name="logo vector"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 300 371.43"
  >
    <defs>
      <style>{`.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{isolation:isolate;opacity:0.2;}.cls-4{fill:#54c5f8;}.cls-5{fill:#01579b;}.cls-6{fill:url(#linear-gradient);}.cls-7{fill:#29b6f6;}.cls-8{fill:url(#radial-gradient);}`}</style>
      <clipPath id="clip-path">
        <path
          className="cls-1"
          d="M300,171.43l-100,100,100,100H185.72l-42.86-42.86h0L85.71,271.42l100-100ZM185.72,0,0,185.72l57.15,57.15L300,0Z"
        />
      </clipPath>
      <linearGradient
        id="linear-gradient"
        x1="6254.1"
        y1="5576.56"
        x2="6424.34"
        y2="5406.31"
        gradientTransform="translate(-1404 -1054.53) scale(0.25)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stopColor="#1a237e" stopOpacity="0.4" />
        <stop offset="1" stopColor="#1a237e" stopOpacity="0" />
      </linearGradient>
      <radialGradient
        id="radial-gradient"
        cx="5649.77"
        cy="4319.41"
        r="1817.72"
        gradientTransform="translate(-1404 -1054.53) scale(0.25)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0" stopColor="#fff" stopOpacity="0.1" />
        <stop offset="1" stopColor="#fff" stopOpacity="0" />
      </radialGradient>
    </defs>
    <g className="cls-2">
      <image
        className="cls-3"
        width="125"
        height="97"
        transform="translate(67.54 154.53) scale(2.14)"
        xlinkHref=""
      />
      <polygon
        className="cls-4"
        points="300 171.43 300 171.43 300 171.43 185.72 171.43 85.73 271.44 142.85 328.57 300 171.43"
      />
    </g>
    <g className="cls-2">
      <polygon className="cls-4" points="57.15 242.87 0 185.72 185.72 0 300 0 57.15 242.87" />
    </g>
    <g className="cls-2">
      <polygon
        className="cls-5"
        points="142.85 328.57 185.72 371.44 300 371.44 300 371.44 200.01 271.44 142.85 328.57"
      />
    </g>
    <g className="cls-2">
      <polygon className="cls-6" points="142.85 328.57 227.61 299.24 200.01 271.44 142.85 328.57" />
    </g>
    <g className="cls-2">
      <rect
        className="cls-7"
        x="102.45"
        y="231.03"
        width="80.81"
        height="80.81"
        transform="translate(-150.09 180.52) rotate(-45)"
      />
    </g>
    <path
      className="cls-8"
      d="M300,171.43l-100,100,100,100H185.72l-42.86-42.86h0L85.71,271.42l100-100ZM185.72,0,0,185.72l57.15,57.15L300,0Z"
    />
  </svg>
);
